 <template>
 	<view class="flex-container">
 		<view class="flex-item1">
 			<view class="title ">
 				<view class="flex ">
 					<view class="flex-twice  ">
 						<span class="title-left">加工工单信息</span>
 					</view>
 					<view class="flex-twice flex ">
 						<view>
 							<input class="input-style uni-input" v-model="mo" focus placeholder="输入工单或扫码开始检验" />
 						</view>
 						<view>
 							<button class="mini-btn btn-style" type="primary" size="mini" @click="OnSearch">搜索</button>
 						</view>
						<view>
							 <yt-scanCode btnName="扫码" @getScanCode="OnScanningCode"></yt-scanCode>
						</view>
 					</view>
 				</view>
 			</view>
 			<view class="form-style">
 				<scroll-view class="scroll-view_H flex" scroll-x="true">
 					<view class="scroll-view-item_H" v-for="(item,index) in procList ">
 						<view class="planlist-a flex">
 							<span>MO号: </span>
 							<span>{{item.jobCode}}</span>
 						</view>
 						<view class="planlist-a flex">
 							<view class="flex-twice flex ">
 								<span class="planlist-left">工序名称:</span>
 								<span class="planlist-right2">{{item.planName}}</span>
 							</view>
 						</view>
 						<view class="planlist-a flex">
 							<view class="flex-twice flex ">
 								<span class="planlist-left2">检查数量: </span>
 								<span class="planlist-right3">{{item.number}}</span>
 							</view>
 						</view>
 						<view class="planlist-a flex">
 							<view class="flex-twice flex ">
 								<span class="planlist-left">图号:</span>
 								<span class="planlist-right2">{{item.mateMaps}}</span>
 							</view>
 							<view class="flex-twice flex ">
 								<span class="planlist-left2">版本号:</span>
 								<span class="planlist-right3">{{item.mateMapsVersion}}</span>
 							</view>
 						</view>
 					</view>
 				</scroll-view>
 			</view>
 			<view class="title ">
 				<view class="flex ">
 					<view class="flex-twice">
 						<scroll-view style="width: 400px;" scroll-x="true">
 							<v-tabs @change="changetab" ref="vTab" :tabs="tabs" v-model="current" pills :fixed="false"
 								style="margin-top: -0.2px;" pillsBorderRadius='0rpx' pillsColor='#fff'
 								activeColor='#2979ff' bgColor="#fff" :zIndex=0 :line-animation="false"></v-tabs>
 						</scroll-view>
 					</view>
 					<view class="flex-twice flex " style="margin-left:20%;">
 						<view>
 							<button class="mini-btn btn-style" type="primary" size="mini"
 								@click="onPass">一键PASS</button>
 						</view>
 						<view>
 							<button class="mini-btn btn-style" type="primary" size="mini" @click="OpenSq">提交异常</button>
 						</view>
 						<!-- <view>
 							<button class="mini-btn btn-style" type="primary" size="mini">转移下序</button>
 						</view> -->
 					</view>
 				</view>
 			</view>
 			<view class="flex "style="height: 6.5vh">
 				<view class=" flex ">
 					<view style="margin-left: 5px;margin-top:1.5vh;font-size: 20px;">
 						刻字号：
 					</view>
 					<view>
 						<input class="uni-input uni-input-style" v-model="kezi" placeholder="请输入刻字号" />
 					</view>
 				</view>
 				<view>
 					<button class="mini-btn btn-style" type="primary" style="margin-top: 10px;height: 30px;"
 						@click="onbatchSave" size="mini">保存</button>
 				</view>
 				<!-- <view style="margin-left: 5px;margin-top: 7px;font-size: 20px;">
					共：{{tatle}} 数据
				</view> -->
 			</view>
 			<view>
 				<view 	:class="{'higtht-table2': iphone=='huawei', 'higtht-table1': iphone != 'huawei'}">
 					<zb-table :columns="column" :stripe="true" :border="true" :data="tablelist"
 						@edit="buttonEdit"></zb-table>
 				</view>
 			</view>
 		</view>
 		<view class="flex-item2">
 			<view class="title ">
 				<span class="title-left">工艺信息</span>
 			</view>
 			<scroll-view :scroll-top="0" scroll-y="true" style="height: 89vh">
 				<view v-for="(item,index) in Filelist ">
 					<view style="padding-left: 1%;padding-top:4%;list-style-type : none;">
 						<view style="font-size:20px" @click="fileLook(item.url)"><span
 								style="font-size:20px">{{item.name}}</span>
 						</view>
 					</view>
 				</view>
 			</scroll-view>
 		</view>
 		<uni-popup ref="inputDialog" type="dialog">
 			<uni-popup-dialog ref="inputClose" mode="input" title="异常反馈" value="" :before-close="true"
 				@confirm="dialogInputConfirm" @close="dialogInputConfirmclose">
 				<uni-forms ref="customForm" :rules="customRules" labelWidth="80px" :modelValue="customFormData">
 					<uni-forms-item label="异常数量" name="abnormalCount">
 						<uni-easyinput v-model="customFormData.abnormalCount" placeholder="请输入异常数量" />
 					</uni-forms-item>
 					<uni-forms-item label="提交人" name="submitUserName">
 						<uni-easyinput v-model="customFormData.submitUserName" placeholder="请输入提交人" />
 					</uni-forms-item>
 				</uni-forms>
 			</uni-popup-dialog>
 		</uni-popup>
 	</view>
 </template>

 <script>
 	import {
 		dataAndNexJob,
 		createQualityTask,
 		getAllByTaskId,
 		getAllByTaskall,
 		getViewPDF,
 		createPassCheckRes,
 		saveQaAbnormalManger,
 		batchSave,
 		findOrgCode,
 	} from '@/api/system/quality.js'
 	export default {
 		data() {
 			return {
				iphone:"",
 				taskIds: [], // 订单号
 				kezi: "", //刻字
 				customFormData: {
 					abnormalCount: '', // 异常数量
 					submitUserName: '', // 提交人
 				},
 				customRules: {
 					thischitValuetype: "",
 					abnormalCount: {
 						rules: [{
 							required: true,
 							errorMessage: '异常数量不能为空'
 						}, {
 							format: 'number',
 							errorMessage: '异常数量只能输入数字'
 						}]
 					},
 					submitUserName: [{
 						required: true,
 						errorMessage: '提交人不能为空'
 					}]
 				},
 				procList: [],
 				mo: "",
 				tabs: [],
 				current: 0,
 				column: [{
 						type: 'index',
 						width: 60
 					},
 					{
 						name: 'chitName',
 						label: '泡泡号',
 						width: 150
 					},
 					{
 						name: 'characteristics',
 						label: '测试项目',
 						width: 150
 					},
 					{
 						name: 'inspectionValue',
 						label: '实测值',
 						width: 150
 					},
 					{
 						name: 'checkPlanCodeType',
 						label: '检验工序',
 						width: 150
 					},
 					{
 						name: 'operation',
 						type: 'operation',
 						label: '操作',
 						renders: [{
 							name: '编辑',
 							class: 'edit',
 							type: "primary",
 							func: 'edit' // func 代表子元素点击的事件 父元素接收的事件 父元素 @edit
 						}]
 					},
 				],
 				tablelist: [],
 				tableHead: [],
 				tableVaule: [],
 				Filelist: [],
 				taskIdsAll: [],
 			}
 		},
 		created() {
            this.getPhoneModel()
 		},
 		onShow() {
 			this.onRefread()
 		},
 		methods: {
 			// 一键pass
 			onPass() {
 				let baseChitIds = [];
 				this.tableHead.forEach(x => {
 					baseChitIds.push(x.baseChitId);
 				});
 				//console.log(baseChitIds)
 				if (this.taskIds.length > 0) {
 					var data = {
 						baseChitIds: baseChitIds,
 						dispathCode: "OQC",
 						taskIds: this.taskIds
 					}
 					createPassCheckRes(data).then(res => {
 						if (res.code == "200") {
 							this.$modal.msgSuccess(`pass 成功`)
 							this.OnSearch();
 						} else {
 							this.$modal.msgError(`pass 失败`)
 						}
 					}).catch(error => {
 						reject(error)
 					})
 				} else {
 					this.$modal.msgError(`单号为空！`)
 				}
 			},
 			// 提交异常
 			OpenSq() {
 				if (this.tableVaule.length > 0) {
 					const array = [];
 					for (var i = 0; i < this.tableVaule.length; i++) {
 						for (var j = 0; j < this.tableVaule[i].item.length; j++) {
 							//console.log(this.tableVaule[i].item[j].checkRes); //
 							if (this.tableVaule[i].item[j].checkRes == 'NG') {
 								array.push(this.tableVaule[i].item[j].chitCodeId)
 							}
 						}
 					}
 					const uniqueArray = [...new Set(array)];
 					this.customFormData.abnormalCount = uniqueArray.length
 					this.customFormData.submitUserName = this.$store.state.user.userAll.userCode;
 					this.$refs.inputDialog.open();
 				} else {
 					this.$modal.msgError(`没有工单!`)
 				}
 			},
 			// 关闭手动完工弹出框
 			dialogInputConfirmclose() {
 				this.customFormData.abnormalCount = "";
 				this.customFormData.submitUserName = "";
 				this.$refs.inputDialog.close();
 			},
 			// 提交异常
 			dialogInputConfirm(val) {
 				console.log(this.procList)
 				let mos = []
 				let jobId = []
 				this.procList.forEach(x => {
 					mos.push(x.jobCode);
 					jobId.push(x.jobId);
 				});
 				this.$refs["customForm"].validate().then(res => {
 					let data = {
 						buliangshu: this.customFormData.abnormalCount, // 细项的checkRes 总数  chitCodeId 去从1
 						mateCode: this.procList[0].mateCode, // 物料号 1
 						sign: "OQC",
 						findIsFirst: this.procList[0].firstProduct, // SL 主项里  没有PL 1
 						mateDesignnumber: this.procList[0].mateMaps, // 主项里 1
 						mos: mos.join(","), // 主项里  ,多
 						version: this.procList[0].mateMapsVersion, // 主项里 1
 						patyName: this.customFormData.submitUserName, // 登录用户账号 1
 						jobName: this.procList[0].planName, // 工序名  1
 						jobCode: this.procList[0].planCode, //  工序code 1
 						jobId: jobId.join(","), //    多个
 						workCenter: this.procList[0].jobResouerCode, //  加工中心 1
 					}
 					console.log(data); // 
 					saveQaAbnormalManger(data).then(res => {
 						this.$modal.msgSuccess(`提交成功`)
 						this.$refs.inputDialog.close();
 					}).catch(error => {
 						reject(error)
 					})
 				}).catch(err => {
 					return
 				})

 			},
 			onRefread() {
				if(this.taskIdsAll.length>0){
					this.tablelist = [];
					this.tableHead = [];
					this.tableVaule = [];
					getAllByTaskId(this.taskIdsAll).then(res => {
						//	console.log("tableVaule", res.data.data)
						this.tableVaule = res.data.data;
						let data = {
							checkProcesss: "",
							chitName: "",
							searchNullValue: "",
							taskIds: this.taskIdsAll,
							toolsType: []
						}
						getAllByTaskall(data).then(res => {
							this.tableHead = res.data.data;
							for (var i = 0; i < this.tableHead.length; i++) {
								let d = {
									chitValuetype: "",
									characteristics: "",
									chitName: "",
									inspectionValue: "",
									tableHeadid: "",
									tableVauleid: "",
									checkPlanCodeType: "",
									min: "",
									max: "",
								}
								d.chitValuetype = this.tableHead[i].chitValuetype;
								d.characteristics = this.tableHead[i].characteristics;
								d.chitName = this.tableHead[i].chitName;
								d.checkPlanCodeType = this.tableHead[i].checkPlanCodeType;
								d.tableHeadid = this.tableHead[i].id
								d.min = this.tableHead[i].min
								d.max = this.tableHead[i].max
								for (var j = 0; j < this.tableVaule.length; j++) {
									if (this.tableHead[i].baseChitId == this.tableVaule[j].baseChitId) {
										if (this.tableVaule[j].item.length - 1 < 0) {
											d.inspectionValue = "";
											d.tableVauleid = "";
											this.tablelist.push(d);
										} else {
											d.inspectionValue = this.tableVaule[j].item[this.current]
												.inspectionValue;
											d.tableVauleid = this.tableVaule[j].item[this.current].id;
											this.tablelist.push(d);
										}
									}
								}
							}
							//	console.log("tableHead", res.data.data)
						}).catch(error => {
							reject(error)
						})
					}).catch(error => {
						reject(error)
					})
				}
 			},
			OnScanningCode(res){
				this.mo=res;
				dataAndNexJob(res).then(res => {
					console.log(res)
					this.tablelist = []
					this.tableHead = []
					this.procList = []
					this.tabs = []
					this.tableVaule = []
					this.current = 0
					this.taskIdsAll = [];
					if (res.code == 200) {
						if (res.data.content.length > 0) {
							this.taskIds = [];
							for (let i = 0; i < res.data.content.length; i++) {
								this.taskIds.push(res.data.content[i].taskId);
							}
							createQualityTask(this.taskIds).then(res => {
								this.procList = res.data
								//	console.log("界面", this.procList)
								this.getfile(res.data);
				
								for (let i = 0; i < res.data.length; i++) {
									this.taskIdsAll.push(res.data[i].taskId);
								}
				
								getAllByTaskId(this.taskIdsAll).then(res => {
										console.log("tableVaule", res.data.data)
									this.tableVaule = res.data.data;
									for (let i = 0; i < res.data.data[0].item.length; i++) {
										this.tabs.push(res.data.data[0].item[i].chitCode);
									}
									let data = {
										checkProcesss: "",
										chitName: "",
										searchNullValue: "",
										taskIds: this.taskIdsAll,
										toolsType: []
									}
									getAllByTaskall(data).then(res => {
										this.tableHead = res.data.data;
										for (var i = 0; i < this.tableHead.length; i++) {
											let d = {
												chitValuetype: "",
												characteristics: "",
												chitName: "",
												inspectionValue: "",
												tableHeadid: "",
												tableVauleid: "",
												checkPlanCodeType: "",
												min: "",
												max: "",
											}
											d.chitValuetype = this.tableHead[i]
												.chitValuetype;
											d.characteristics = this.tableHead[i]
												.characteristics;
											d.chitName = this.tableHead[i].chitName;
											d.checkPlanCodeType = this.tableHead[i]
												.checkPlanCodeType;
											d.tableHeadid = this.tableHead[i].id
											d.min = this.tableHead[i].min
											d.max = this.tableHead[i].max
											for (var j = 0; j < this.tableVaule
												.length; j++) {
												if (this.tableHead[i].baseChitId == this
													.tableVaule[j].baseChitId) {
													if (this.tableVaule[j].item.length -
														1 <
														0) {
														d.inspectionValue = "";
														d.tableVauleid = "";
														this.tablelist.push(d);
													} else {
														d.inspectionValue = this
															.tableVaule[j].item[0]
															.inspectionValue;
														d.tableVauleid = this.tableVaule[
															j].item[0].id;
														this.tablelist.push(d);
													}
												}
											}
										}
										//	console.log("tableHead", res.data.data)
									}).catch(error => {
										reject(error)
									})
								}).catch(error => {
									reject(error)
								})
				
							}).catch(error => {
								reject(error)
							})
						}
					}
				
				
				}).catch(error => {
					reject(error)
				})
			},
 			OnSearch() {
 				dataAndNexJob(this.mo).then(res => {
 					console.log(res)
 					this.tablelist = []
 					this.tableHead = []
 					this.procList = []
 					this.tabs = []
 					this.tableVaule = []
 					this.current = 0
 					this.taskIdsAll = [];
 					if (res.code == 200) {
 						if (res.data.content.length > 0) {
 							this.taskIds = [];
 							for (let i = 0; i < res.data.content.length; i++) {
 								this.taskIds.push(res.data.content[i].taskId);
 							}
 							createQualityTask(this.taskIds).then(res => {
 								this.procList = res.data
 								//	console.log("界面", this.procList)
 								this.getfile(res.data);

 								for (let i = 0; i < res.data.length; i++) {
 									this.taskIdsAll.push(res.data[i].taskId);
 								}

 								getAllByTaskId(this.taskIdsAll).then(res => {
 										console.log("tableVaule", res.data.data)
 									this.tableVaule = res.data.data;
 									for (let i = 0; i < res.data.data[0].item.length; i++) {
 										this.tabs.push(res.data.data[0].item[i].chitCode);
 									}
 									let data = {
 										checkProcesss: "",
 										chitName: "",
 										searchNullValue: "",
 										taskIds: this.taskIdsAll,
 										toolsType: []
 									}
 									getAllByTaskall(data).then(res => {
 										this.tableHead = res.data.data;
 										for (var i = 0; i < this.tableHead.length; i++) {
 											let d = {
 												chitValuetype: "",
 												characteristics: "",
 												chitName: "",
 												inspectionValue: "",
 												tableHeadid: "",
 												tableVauleid: "",
 												checkPlanCodeType: "",
 												min: "",
 												max: "",
 											}
 											d.chitValuetype = this.tableHead[i]
 												.chitValuetype;
 											d.characteristics = this.tableHead[i]
 												.characteristics;
 											d.chitName = this.tableHead[i].chitName;
 											d.checkPlanCodeType = this.tableHead[i]
 												.checkPlanCodeType;
 											d.tableHeadid = this.tableHead[i].id
 											d.min = this.tableHead[i].min
 											d.max = this.tableHead[i].max
 											for (var j = 0; j < this.tableVaule
 												.length; j++) {
 												if (this.tableHead[i].baseChitId == this
 													.tableVaule[j].baseChitId) {
 													if (this.tableVaule[j].item.length -
 														1 <
 														0) {
 														d.inspectionValue = "";
 														d.tableVauleid = "";
 														this.tablelist.push(d);
 													} else {
 														d.inspectionValue = this
 															.tableVaule[j].item[0]
 															.inspectionValue;
 														d.tableVauleid = this.tableVaule[
 															j].item[0].id;
 														this.tablelist.push(d);
 													}
 												}
 											}
 										}
 										//	console.log("tableHead", res.data.data)
 									}).catch(error => {
 										reject(error)
 									})
 								}).catch(error => {
 									reject(error)
 								})

 							}).catch(error => {
 								reject(error)
 							})
 						}
 					}


 				}).catch(error => {
 					reject(error)
 				})
 			},
 			//切换tab
 			changetab(res) {
 				this.current = res;
 				this.$modal.loading("切换中，请耐心等待...")
 				this.tablelist = [];
 				for (var i = 0; i < this.tableHead.length; i++) {
 					let d = {
 						chitValuetype: "",
 						characteristics: "",
 						chitName: "",
 						inspectionValue: "",
 						tableHeadid: "",
 						tableVauleid: "",
 						checkPlanCodeType: "",
 					}
 					d.chitValuetype = this.tableHead[i].chitValuetype;
 					d.characteristics = this.tableHead[i].characteristics;
 					d.chitName = this.tableHead[i].chitName;
 					d.checkPlanCodeType = this.tableHead[i].checkPlanCodeType;
 					d.tableHeadid = this.tableHead[i].id
 					d.min = this.tableHead[i].min
 					d.max = this.tableHead[i].max
 					for (var j = 0; j < this.tableVaule.length; j++) {
 						if (this.tableHead[i].baseChitId == this.tableVaule[j].baseChitId) {
 							console.log(this.tableVaule[j])
 							console.log(this.tableVaule[j].item.length)
 							if (this.tableVaule[j].item.length - 1 < res) {
 								d.inspectionValue = "";
 								d.tableVauleid = "";
 								this.tablelist.push(d);
 							} else {
 								d.inspectionValue = this.tableVaule[j].item[res].inspectionValue;
 								d.tableVauleid = this.tableVaule[j].item[res].id;
 								this.tablelist.push(d);
 							}

 						}
 					}
 				}
 				this.$modal.closeLoading();
 			},
			getPhoneModel() {
				let brand = '';
				let zhDev = {
					'apple': 'iPhone',
					'samsung': '三星',
					'huawei': '华为',
					'xiaomi': '小米',
					'oppo': 'OPPO',
					'vivo': 'Vivo',
					'oneplus': '一加',
					'sony': '索尼',
					'lg': 'LG',
					'motorola': '摩托罗拉',
					'google': '谷歌',
					'nokia': '诺基亚',
					'htc': 'HTC',
					'lenovo': '联想',
					'asus': '华硕',
					'zte': '中兴',
					'meizu': '魅族',
					'coolpad': '酷派',
				}
				if (uni.getSystemInfoSync().platform === 'android' || 'ios') {
					let model = uni.getSystemInfoSync().brand.toLowerCase();
						console.log('手机品牌1', model)
					this.iphone=model;
					brand = zhDev[model] ? zhDev[model] : '其它'
				} else {
					brand = '其它'
				}
				console.log('手机品牌2', brand)
			},
 			// 修改类别
 			buttonEdit(ite, index) {
 				this.thischitValuetype = ite.chitValuetype;
 				uni.navigateTo({
 					url: '/pages/inspect/edit?parme=' + JSON.stringify(ite)
 				})
 				//console.log(ite)
 			},
 			getfile(data) {
 				this.Filelist = [];
 				findOrgCode().then(res => {
 					getViewPDF(data[0].mateMaps, data[0].mateMapsVersion, data[0].jobCode, data[0].mateCode, res
 						.data).then(
 						res => {
 							console.log(res, this.$store.state.user.userAll.userCode)
 							for (var i = 0; i < res.data.length; i++) {
 								var firstfile = {
 									name: '',
 									url: ''
 								};
 								if (res.data[i].indexOf("</span></li>") != -1) {
 									const start = "<span style=\"font-size:24px\">"
 									const end = "</span></li>"
 									const startIndex = res.data[i].indexOf(start) + start.length;
 									const endIndex = res.data[i].indexOf(end, startIndex);
 									firstfile.name = res.data[i].substring(startIndex, endIndex).myReplace(
 										"&nbsp",
 										"  ")
 									firstfile.url = ""
 								} else {
 									var dataname = JSON.parse(JSON.stringify(res.data[i]))
 									var dataurl = JSON.parse(JSON.stringify(res.data[i]))
 									const start = "style=\"font-size:24px\">"
 									const end = "</a></li>"
 									const startIndex = dataname.indexOf(start) + start.length;
 									const endIndex = dataname.indexOf(end, startIndex);
 									firstfile.name = dataname.substring(startIndex, endIndex).myReplace(
 										"&nbsp",
 										"  ")
 									const urlstart = "<a href=\""
 									const urlend = "\" target=\"_blank\" style=\"font-size:24px\">"
 									const urlstartIndex = dataurl.indexOf(urlstart) + urlstart.length;
 									const urlendIndex = dataurl.indexOf(urlend, urlstartIndex);
 									firstfile.url = dataurl.substring(urlstartIndex, urlendIndex).replace(
 										"Views/mes/showpdf.html?url=", "")
 								}

 								this.Filelist.push(firstfile);
 							}

 							//console.log("获取文件", this.Filelist)
 						}).catch(error => {
 						reject(error)
 					})
 				}).catch(error => {
 					reject(error)
 				})
 			},
 			// 文件查看
 			fileLook(item) {
 				if (item != "") {
 					console.log("文件查看 ", item)
 					uni.navigateTo({
 						url: '/pages/web/pdf?fileurl=' + item
 					})
 				}
 			},
 			// 修改刻字号
 			onbatchSave() {
 				if (this.kezi.length > 0) {
 					if (this.tableVaule.length > 0) {
 						let data = [];
 						//console.log(this.tableVaule.length)
 						for (var i = 0; i < this.tableVaule.length; i++) {
 							data.push(this.tableVaule[i].item[this.current]);
 							data[i].chitCode = this.kezi;
 							//console.log(data)	
 						}
 						//console.log(data)
 						batchSave(data).then(res => {
 							if (res.code == 200) {
 								this.$modal.msgSuccess("修改成功");
 								this.OnSearch();
 								this.kezi = '';
 							} else {
 								this.$modal.msgError(`修改失败!`)
 							}
 						}).catch(error => {
 							reject(error)
 						})
 					} else {
 						this.$modal.msgError(`没有工单!`)
 					}
 				} else {
 					this.$modal.msgError(`刻字不能为空！`)
 				}


 			},
 		}
 	}
 </script>

 <style>
 	.uni-input-style {
 		border: 1px solid #dcdfe6;
 		background-color: transparent;
 		height: 35px;
 		margin-top: 6px;
 		;
 	}

 	.text_hight {
 		line-height: 35px;
 	}

 	.form-style {
 		height: 300rpx;
 		border-bottom: 1px solid #dcdfe6;
 	}

 	.input-style {
 		background-color: #ffffff;
 		height: 35px;
 		margin-top: 3px;
 	}

 	.btn-style {
 		margin-top: 6px;
 		margin-left: 10px;
 	}

 	.title-left {
 		margin-left: 20rpx;
 	}

 	.title {
 		background-color: rgba(245, 247, 250, 1);
 		height: 86.6rpx;
 		line-height: 86.6rpx;
 		text-align: left;
 		font-size: 36rpx;
 		color: #111;
 		border-bottom: 1px solid #dcdfe6;
 	}

 	.flex-container {
 		display: flex;
 		justify-content: space-between;
 		margin-top: 8rpx;
 	}

 	.flex-item1 {
 		width: 69.5%;
 		height: 95.5vh;
 		background-color: #ffffff;
 		border: 1px solid #dcdfe6;
 		margin-left: 0.5%;
 	}

 	.flex-item2 {
 		background-color: #ffffff;
 		border-top: 1px solid #dcdfe6;
 		border-bottom: 1px solid #dcdfe6;
 		border-right: 1px solid #dcdfe6;
 		height: 95.5vh;
 		width: 29.5%;
 		margin-right: 0.5%;
 	}

 	.list-left {
 		margin-left: 40upx;
 	}

 	.scroll-view_H {
 		white-space: nowrap;
 		width: 100%;
 	}

 	.scroll-view-item_H {
 		margin-top: 4rpx;
 		margin-left: 4rpx;
 		height: 290rpx;
 		font-size: 14rpx;
 		color: #111;
 		border: 1px solid #dcdfe6;
 		width: 33%;
 		-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .04);
 		box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1), 0 0 6px 0 rgba(0, 0, 0, .04);
 		-webkit-box-sizing: border-box;
 		box-sizing: border-box;
 		border-radius: 5px;
 		display: inline-block;
 	}

 	.planlist-a {
 		line-height: 40rpx;
 		font-size: 16px;
 		margin-top: 15px;
 		margin-left: 15px;
 	}
    .higtht-table1{
		height: 48vh
	}
	.higtht-table2{
		height: 58vh
	}
 	.table_box {
 		.box_bt {
 			border-bottom: unset !important;
 		}

 		.box_pd {
 			padding: unset !important;
 		}

 		.box_br {
 			border-right: unset !important;
 		}

 		.box_cus {
 			padding: 10px 3px !important;
 		}

 		/deep/ .u-td[data-v-35ace0c0] {
 			height: auto;
 		}
 	}
 </style>